<?php
/**
 * @package		Joomla.Site
 * @subpackage	Templates.beez5
 * @copyright	Copyright (C) 2005 - 2012 Open Source Matters, Inc. All rights reserved.
 * @license		GNU General Public License version 2 or later; see LICENSE.txt
 */

// No direct access.
defined('_JEXEC') or die;

// check modules
$showRightColumn	= $this->countModules('right');
$showLeftColumn	= $this->countModules('left');

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" slick-uniqueid="1">
<head>
	<jdoc:include type="head" />
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>Intergratech | Home Page</title>
	<link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/style.css">
	<link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/pml.css">
	<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/scripts/jquery-1.7.1.min.js"></script>
	<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/scripts/select.js"></script>
	<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/scripts/jquery.bxSlider.js"></script>
	<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/website.css" type="text/css" media="screen"/>	
	<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/scripts/jquery.tinyscrollbar.min.js"></script>
	
	<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/scripts/fancybox/jquery.fancybox.css" type="text/css" media="screen"/>	
	<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/scripts/fancybox/jquery.fancybox.js"></script>
	
	<script>
		jQuery(document).ready(function(){
			$("#product-menu div h3").click(function(){
					//alert("sdfs");
					var status = $(this).parent().find("p").css("display");
					
					if(status == "none")
					{
						$(this).parent().find("p").slideDown();
						$(this).find("a").addClass("isin");
					}
					else
					{
						$(this).parent().find("p").slideUp();
						$(this).find("a").removeClass("isin");
					}
				});
			
			$(".leftmenu .menu li.active").parent().css('display', 'block');
			$(".leftmenu .menu li.active").parent().parent().addClass('out');
			
			
			$(".thumbnail ul li a").click(function() {
				
				//alert($(this).attr("data"));
				var str = $(this).attr("data");
				$(".preview img").attr('src', str);
				$(".preview a").attr('href', str);
				
				$(".thumbnail ul li a img").removeClass('bobo');
				$(this).find('img').addClass('bobo');
			});
			
			$('.thumbnail ul').bxSlider({
				auto: false,
				autoControls: true,
				displaySlideQty: 5,
				moveSlideQty: 2,
				infiniteLoop: false,
				controls: true
			});
			
			
			$('#scrollbar1').tinyscrollbar();
			
			
			$(".leftmenu .menu li.parent a").first().attr('href', '#to');
			
			$(".leftmenu .menu li.parent a").click(function() {
				var stt = $(this).parent().find('ul').css('display');
				if(stt == 'none')
				{
					$(this).parent().find('ul').slideDown();
					$(this).parent().addClass('out');
				}
				else
				{
					$(this).parent().find('ul').slideUp();
					$(this).parent().removeClass('out');
				}
			});
			
			$("#wrapper #nav a#next").click(function() {
				var stt = $(".type_under").css("display");
				if(stt == 'none')
				{
					//$(".type_under").css("display", "none");
					$(".type_under").css("display", "block");
				}
			});
			
			$("#wrapper #nav a#prev").click(function() {
				var stt = $(".type_under").css("display");
				if(stt == 'block')
				{
					//$(".type_under").css("display", "none");
					$(".type_under").css("display", "none");
				}
			});
			
			$(".thumbnail").hover(
				function(e) {
					//alert(e.pageX);
					//var pX = e.pageX - $(this).offset().left;
					//if(pX < 100)
					//{
					//	alert();
					//}
					$(".thumbnail .bx-prev, .thumbnail .bx-next").fadeIn();
				}
				,
				function(e) {
					$(".thumbnail .bx-prev, .thumbnail .bx-next").fadeOut();
				}
				
			);
			
			
			$(".preview a").fancybox();
			
		});
		    
	</script>
	
	
</head>
<body>
<div id="content">

	<div id="header">
		
		<div class="mv10 ph10 por ofh">
			<div id="logo" class="fl pt20">
				
				<jdoc:include type="modules" name="top-logo"/>
				
				
			</div>
			<div class="fr">
				
				<jdoc:include type="modules" name="top-menu"/>
				
				<div class="clear"></div>
				<div class="fr por mt20">
					
					<jdoc:include type="modules" name="top-search"/>					
					
				</div>
			</div>
		</div>
		<div id="navbar" class="">
			<div class="">
				
				<jdoc:include type="modules" name="navbar" />				
				
			</div>
		</div>
	</div>
	<div id="wrapper" class="mha">
		<div class="w270 fl ofh">
			
		</div>
		
		<jdoc:include type="modules" name="breadcrumbs" />
		
		
		<?php if($showLeftColumn) { ?>
		
			<div class="w250 fl ml10 mr10 ofh">
				
				<jdoc:include type="modules" name="left" />
				
			</div>
		<?php } ?>
		
		
		
		<div class="w680 ofh fl" <?php if(!$showLeftColumn && !$showRightColumn) echo 'style="width:100%"' ?>>
		
			<jdoc:include type="modules" name="promotions" />
		
		
			<div class="ofh mb5 dpn cf2 fs11 ffa pb5 bd1B">
				<a href="index.html">Home</a> > <a href="#">Products</a> > <a href="#">Liquid Products</a> > <span class="cf0">Refined Bleach Deodorised Palm Oil</span>
			</div>
			
			<div class="banner">
				<jdoc:include type="modules" name="home-slider" />
			</div>
			
			<div class="ofh pl10 mt10 mainpage">
				
				<jdoc:include type="modules" name="page-banner" />
				
				<jdoc:include type="message" />
				<jdoc:include type="component" />		
				
				
			</div>
		</div>
		
		<div class="w270 fr ofh">
			
			<?php if($showRightColumn) { ?>
			
				<jdoc:include type="modules" name="right" />				
				
			<?php } ?>
		</div>
	</div>
	<div id="footer" class="">
		<div class="ftcontent">
			<div class="fttop ofh bd1B">
				<div class="w620 fl">
					
					<jdoc:include type="modules" name="bottom-menu" />					
					
				</div>
				<div id="contact-us" class="w300 fr">
					
					<jdoc:include type="modules" name="bottom-contact" />					
					
				</div>
			</div>
			<div class="clear"></div>
			
				<jdoc:include type="modules" name="copyright" />				
			
			
		</div>
	</div>
</div>
</body>
</html>
